<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>天猫tmall.com--上天猫，就够了</title>
	<link href="./Template/Public/css/font-awesome/font-awesome.min.css" rel="stylesheet">
	<style>
	/*CSS重置样式*/
	*{margin:0px;padding:0px;}

	/*ad样式*/
	.ad{background:#ffe303;}
	a.ad-a{display:block;margin:0 auto;width:990px;}

	/*warp样式*/
	.warp{height:1000px;}
	/*header样式*/
	.header{background:#eb2929;}

	.header-box{width:1230px;margin:0 auto;background:#eb2929;position:relative;left:-15px;}

	.header-top{height:32px;line-height:32px;font-size:10px;color:#fff;font-family: "Microsoft YaHei",tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;}

	ul.login li{float:left;margin-right:20px;}
	ul.login li a,ul.quick li a{color:#fff;font-family: "Microsoft YaHei",tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;}

	.quick li{float:left;margin:0 5px;}
	.quick li i{margin-right:5px;}

	.my-tmall{position:relative;width:74px;height:32px;text-align:center;}
	.my-tmall:hover{background:#fff;text-decoration:underline;}
	.my-tmall:hover > a{color:#c40000;}
	.my-tmall:hover .my-tmall-sub{display:block;}
	.my-tmall-sub{display:none;position:absolute;width:76px;top:32px;left:0;background:#fff;padding:8px 10px;z-index:2;border:solid #eee;border-width:0 1px 1px;}
	.my-tmall-sub a.buy{display:block;width:74px;height:20px;line-height:20px;color:#666;}
	.my-tmall-sub a:hover{color:#c40000;text-decoration:underline;}

	.yellow:hover a,.cart:hover a,.taobao:hover a{text-decoration:underline;color:#ffe013;}

	.phone-box{position:relative;}
	.phone-box:hover a{text-decoration:underline;color:#ffe013;}
	.phone-box:hover .phone{display:block;}
	.phone{display:none;position:absolute;top:32px;left:-60px;width:175px;height:227px;background:url(./App/View/Home/images/phone.png) no-repeat;background-color:#fff;z-index:2;}

	.support-box{position:relative;width:74px;height:32px;text-align:center;}
	.support-box:hover{background:#fff;text-decoration:underline;}
	.support-box:hover > a{color:#c40000;}
	.support-box:hover .support{display:block;}
	.support{display:none;position:absolute;right:0px;top:32px;width:122px;height:160px;padding:8px 10px;background:#fff;z-index:2;}
	.shop{height:110px;border-bottom:1px dashed #333;}
	.shop h2{font-size:12px;color:#666;height:22px;line-height:22px;font-weight:bold;text-align:left;}
	.shop ul{display:inline-block;}
	.shop:hover ul li a{color:yellow;}
	.shop ul li{float:left;width:48px;height:22px;line-height:22px;text-align:center;margin-right:15px;margin-left:0px;}
	.even{margin-right:0px;}
	.shop ul li a{color:#666;}

	.hot-box{position:relative;width:90px;height:32px;text-align:center;}
	.hot-box:hover{background:#fff;text-decoration:underline;}
	.hot-box:hover > a{color:#c40000;}
	.hot-box:hover .hot{display:block;}
	.hot{display:none;position:absolute;width:1200px;height:250px;background:green;right:0px;top:32px;z-index:2;}

	/*search样式*/
	.header-search{width:1230px;height:130px;background:url(./App/View/Home/images/logo_bg.png) no-repeat;margin:0 auto;position:relative;left:-15px;}
	.logo{margin-right:25px;}
	.search{width:623px;height:62px;padding-top:38px;}
	.search-box{border:3px solid #c40000;margin-bottom:5px;}
	.search-box input{width:491px;height:26px;line-height:26px;font-size:16px;border:none;padding:5px 3px 5px 5px}
	.search-box button{width:110px;height:36px;font-size:18px;font-weight:700;letter-spacing:5px;border:none;background:#c40000;cursor: pointer;
    color: #fff;font-family:arial;}

    .condition{display:inline-block;}
    .condition li{float:left;height:20px;line-height:20px;border-right:1px solid #ccc;padding:0 12px;font-size:14px;}
    .condition li a{color:#fff;}

    /*nav样式*/
    .nav{width:100%;background:#006CD8;}
	.nav-top{height:36px;background:#DD2727;padding-left:45px;}
	.nav-top-l ul{display:inline-block;}
	.nav-top-l ul li{float:left;width:100px;height:36px;line-height:36px;font-size:14px;text-align:center;}
	.nav-top-ul-1{color:#DD2727;background:rgba(238,238,238,.95);}
	.nav-top-ul-2{color:#ffe013;}
	.nav-top-ul-2:hover{background:#3F1919;color:#fff;}
	.nav-top-r ul{display:inline-block;}
	.nav-top-r ul li{float:left;height:36px;line-height:36px;color:#fff;margin-left:30px;}
	.nav-top-r ul li img{height:36px;}
	.nav-bg{height:500px;background:url(./App/View/Home/images/nav11.webp) no-repeat center top;position:relative;}
	.nav-bg-left1{position:absolute;width:200px;height:500px;background:rgba(238,238,238,.95);left:45px;top:0px;}
	.nav-bg-left1 ul li{width:200px;height:31.25px;line-height:31.25px;font-size:14px;color:#000;font-family: "Microsoft YaHei",SimSun,'\5b8b\4f53',sans-serif;background:rgba(238,238,238,.95)}
	.nav-bg-left1 ul li:hover{background:#fff;color:#e54077;}
	.nav-bg-left1 ul li i{margin:0 5px 0 10px;width:20px;text-align:center;}
	.nav-bg-left3{position:absolute;right:75px;background:rgba(0,0,0,.5);margin-top:11px;}
	.two-sub{display:none;width:850px;height:500px;position:absolute;top:-1px;left:200px;}


	.quick-lgoin-t{width:70px;height:70px;padding:12px 15px;}
	.quick-login-m1{width:80px;height:83px;padding:0 10px;text-align:center;font-size:12px;color:#fff;font-family: "Microsoft YaHei",SimSun,'\5b8b\4f53',sans-serif;border-bottom:1px dashed gray;}
	.quick-login-m1 .p2{width:80px;height:24px;line-height:24px;color:#fff;background:red;border-radius:50px;margin:10px 0;}
	.quick-login-m1 a{color:#fff;}
	.quick-login-m1 .p2 i{margin-right:5px;}
	.quick-login-m2{width:80px;padding:0 10px;text-align:center;font-size:12px;color:#fff;font-family: "Microsoft YaHei",SimSun,'\5b8b\4f53',sans-serif;margin-top:20px;}
	.quick-login-m2 p{margin:5px 0;}
	.quick-login-m2 i{margin-right:5px;font-size:16px;}
	.quick-login-m2 a{color:#fff;display:inline-block;padding:20px 0;}
	.quick-login-m3{width:100px;height:24px;line-height:24px;color:#fff;text-align:center;font-size:12px;background:rgba(0,0,0,.15)}
	.quick-login-m4{text-align:center;margin:17px 0 7px 0;}
	.quick-login-m4 img{width:57px;height:57px;border-radius:50%;}
	.quick-login-b{font-size:12px;color:#fff;text-align:center;}
	.quick-login-b p{margin:5px 0;}

	/*主体区域*/
    .content{width:100%;background:#F5F5F5;}
    .holiday,.vip,.brand,.chao,.ad-01,.flagship,.baby,.like{width:1230px;margin:0 auto;position:relative;left:-15px;padding-top:30px;}
    .holiday-title{width:1230px;height:40px;text-align:center;padding-bottom:20px;}
    .holiday-ul{display:inline-block;}
    .holiday-ul li{float:left;margin-right:10px;}
    .holiday-ul li img{width:238px;height:269px;border:none;}

    .vip-title{font-size:20px;color:#DD2727;text-align:center;padding-bottom:10px;}
    .vip-ul{display:inline-block;}
    .vip-ul li{float:left;margin-right:10px;}
    .vip-ul li img{width:238px;height:130px;border:none;}

    .brand-title{height:30px;line-height:30px;color:#333;font-size:18px;font-family: "Microsoft YaHei",SimSun,'\5b8b\4f53',sans-serif;}
    .brand-title span{font-size:14px;padding-left:5px;}
    .brand-logo{margin-right:1px;}
    .brand-logo a{display:inline-block;}
    .brand-logo a img{width:245px;height:373px;}
    .brand-list{width:738px;}
    .brand-list ul{display:inline-block;border-top:1px solid #F5F5F5;}
    .brand-list ul li {float:left;position:relative;border-right:1px solid #F5F5F5;border-bottom:1px solid #F5F5F5;background:#fff;}
    .brand-img {width:122px;height:92px;line-height:92px;text-align:center;}
    .brand-list ul li img{width:100px;height:50px;}
    .in-brand{display:none;position:absolute;left:0;top:0;width:122px;height:92px;font-size:12px;text-align:center;background:rgba(0,0,0,.8);color:#fff;}
    .in-brand p{margin-bottom:5px;}
    .in{background:red;width:63px;margin:0 auto;border-radius:50px;height:18px;line-height:18px;}
    .heart{font-size:12px;text-indent:50px;padding-top:15px;}

    .brand-recommend{width:246px;background:#f9f8f3;}
    .brand-re-list{padding:9px 18px;height:74px;}
    .brand-re-list img{border-radius:50%;width:74px;height:74px;background:#fff;}
    .brand-re-list-r{width:120px;height:59px;padding-top:15px;font-size:14px;}
    .brand-re-list-r:hover p{color:red;}
    .brand-re-list-r:hover p.gray{color:red;}
    .brand-re-list-r p.brand-t{font-size:16px;}
    .brand-re-list-r p.gray{color:#999;padding-top:4px;}

    .chao ul{display:inline-block;}
    .chao ul li{float:left;}
    .chao-box{width:238px;height:477px;margin-right:10px;background:#fff;}
    .chao-title{width:238px;height:36px;line-height:36px;text-align:center;font-size:18px;font-weight:700;font-family: "Microsoft YaHei",SimSun,'\5b8b\4f53',sans-serif;color:#fff;background:#DD2727;}
    .chao-bg{text-align:center;padding:0 20px;}
    .one{padding-top:19px;font-size:22px;height:24px;}
    .two{padding-top:5px;color:#888;font-size:14px;}
    .img-bg{margin-top:3px;position:relative;}
    .chao-top{border-bottom:1px solid #EEEEEE;padding-bottom:10px;}
    .img-bg-op{position:relative;left:15%;top:left;width:144px;height:144px;border-radius:50%;z-index:2;background:#000;opacity:0.03}
    .img-bg img{display:block;position:absolute;width:144px;height:144px;z-index:1;left:15%;top:0;}
    .img-bg:hover img{width:150px;height:150px;}

    .ad-01 a{display:block;background:url(./App/View/Home/images/ad_1.jpg) no-repeat;width:1230px;height:90px;}

    .flagship-title{height:30px;line-height:30px;color:#333;font-size:18px;font-family: "Microsoft YaHei",SimSun,'\5b8b\4f53',sans-serif;}
    .flagship-title span{font-size:14px;padding-left:5px;}


   .baby-title{height:20px;line-height:20px;color:#333;font-size:18px;font-family: "Microsoft YaHei",SimSun,'\5b8b\4f53',sans-serif;padding-left:10px;position:relative;padding-bottom:10px;}
   .shu{width:5px;height:20px;position:absolute;left:0px;top:0;background:#F7A945;}
   .baby-title span{font-size:14px;padding-left:5px;}
   .baby-title-ul{position:absolute;right:0px;top:-5px;}
   .baby-title-ul li{float:left;height:21px;padding:5px 10px;}
   .baby-title-ul li a{font-size:14px;color:#000000;}
   .baby-img-top{position:relative;}
   .baby-img-top img{width:246px;height:330px;}
   .baby-img-top p{position:absolute;width:246px;height:30px;line-height:30px;bottom:0;left:0;text-align:center;background:rgba(255,255,255,.8);font-size:14px;color:#000;}
   .baby-img-top p:hover{color:red;}
   .baby-img-desc{width:246px;height:90px;background:url(./App/View/Home/images/71.png) no-repeat center bottom;background-color:#F7A945;text-align:center;padding-top:20px;}
   .baby-img-desc .t1{font-family: "Microsoft YaHei",SimSun,'\5b8b\4f53',sans-serif;color:#fff;font-size:22px;font-weight:700;}
   .baby-img-desc .t2{padding-top:3px;font-family: "Microsoft YaHei",SimSun,'\5b8b\4f53',sans-serif;color:#fff;font-size:18px;}

   .baby-middle{background:#fff;width:735px;}
   .baby-middle ul li{float:left;}
   .baby-middle ul li a{display:block;border-right:1px solid #F5F5F5;border-bottom:1px solid #F5F5F5;}
   .baby-middle-div{width:220px;height:195px;padding:25px 0 0 24px;background:url(./App/View/Home/images/72.png) no-repeat 20px bottom;background-size:25%;position:relative;}
   .baby-middle-div p.t-11,p.t-33{font-size:18px;font-family: "Microsoft YaHei",SimSun,'\5b8b\4f53',sans-serif;}
   .baby-middle-div p.t-22,p.t-44{font-size:14px;font-family: "Microsoft YaHei",SimSun,'\5b8b\4f53',sans-serif;color:#F7A945;}
   .baby-middle-div img{width:154px;height:154px;position:absolute;right:0px;bottom:0px;}
   .baby-middle-div:hover img{right:5px;}
   .baby-sub{width:229px;height:116px;background:red;background:url(./App/View/Home/images/72.png) no-repeat 20px bottom;background-size:25%;position:relative;padding:30px 0 0 20px;border-bottom:1px solid #F5F5F5;background-color:#fff;}
   .baby-sub img{width:100px;height:100px;position:absolute;right:0px;bottom:0px;}
   .baby-sub:hover img{right:5px;}



	ul.bady-ul{display:inline-block;}
	ul.bady-ul li{float:left;width:236px;position:relative;padding:2px 4px 0 4px;border:1px solid #F5F5F5;}
	ul.bady-ul li .b-img{width:235px;height:235px;overflow:hidden;}
	ul.bady-ul li img{display:inline-block;width:235px;}
	.b-desc{position:absolute;bottom:57px;left:4px;width:224px;background:green;font-family: "Microsoft YaHei",SimSun,'\5b8b\4f53',sans-serif;padding:4px 4px 4px 8px;background:rgba(0,0,0,.8);color:#fff;display:none;}
	.goods{font-family: "Microsoft YaHei",SimSun,'\5b8b\4f53',sans-serif;height:25px;line-height:25px;overflow:hidden;text-indent:10px;}
	.b-price{height:32px;line-height:32px;font-size:18px;font-weight:800;font-family: "Microsoft YaHei",SimSun,'\5b8b\4f53',sans-serif;color:red;text-indent:10px;}
	ul.bady-ul li:hover{border:1px solid red;}

   .flagship-ul{display:inline-block;background:#fff;}
   .flagship-ul > li{float:left;padding:10px;width:590px;height:316px;border:1px solid #F5F5F5;}
   .f-box-top{width:594px;height:60px;}
   .f-box-top a{display:inline-block;}
   .f-logo img{width:50px;height:50px;margin-left:24px;margin-right:34px;}
   .f-t-1{width:200px;height:25px;font-family: "Microsoft YaHei",SimSun,'\5b8b\4f53',sans-serif;font-size:16px;margin-top:5px;}
   .f-t-2{width:200px;height:20px;font-family: "Microsoft YaHei",SimSun,'\5b8b\4f53',sans-serif;font-size:14px;color:#999;}
   .f-inshop a{width:80px;height:30px;text-align:center;line-height:30px;color:#666;background:#eee;font-size:14px;}
   .f-box-bot img{width:190px;height:190px;margin-bottom:10px;}
   .f-t-3{color:#000;font-size:12px;width:172px;height:35px;font-family:"Microsoft YaHei",SimSun,'\5b8b\4f53',sans-serif;padding:0 10px;overflow:hidden;}
   .f-t-4{font-size:16px;color:#dd2727;font-family:"Microsoft YaHei",SimSun,'\5b8b\4f53',sans-serif;margin-top:5px;width:180px;padding:0 6px;}
   .f-box-bot-ul{display:inline-block;}
   .f-box-bot-ul li{float:left;width:190px;height:268px;margin:0 5px 0 0;padding:0px;}
   .f-box-bot-ul li a{display:block;}

   	.like-title i{color:#dd2727;margin-right:5px;}
    .like-title{text-align:center;font-size:18px;font-weight:100;font-family:"Microsoft YaHei",SimSun,'\5b8b\4f53',sans-serif;color:#666;margin-bottom:5px;}
    .like-ul{display:inline-block;}
    .like-ul li{float:left;width:235px;height:315px;background:#fff;padding:2px;margin-right:8px;margin-top:15px;}
    .like-ul li img{width:235px;height:235px;display:block;}
    .like-t1{width:208px;height:35px;font-family:"Microsoft YaHei",SimSun,'\5b8b\4f53',sans-serif;font-size:14px;margin:0 auto;margin-top:14px;overflow:hidden;}
    .like-t2{width:208px;height:35px;font-family:"Microsoft YaHei",SimSun,'\5b8b\4f53',sans-serif;font-size:18px;margin:0 auto;color:red;margin-top:3px;}
    .end{width:130px;height:70px;background:url(./App/View/Home/images/bg.png) no-repeat left -103px;margin:0 auto;padding-bottom:10px;}

    .footer{position:relative;height:305px;border-bottom:2px solid #c40000;background:#fff;}
	.footer-top{width:1190px;height:100px;margin:0 auto;background:url(./App/View/Home/images/1111.jpg) no-repeat;border-bottom:1px solid #EDEDED;}
	.f-a-list1 a{display:inline-block;width:290px;height:100px;}
	.f-a-list2{padding-top:22px;background:url(./App/View/Home/images/footer.jpg) no-repeat 50px bottom;height:180px;}
	.ensure{float:left;padding-left:52px;padding-right:120px;}
	.ensure dt{margin-bottom:10px;}
	.ensure dt span{color:#646464;font-size:16px;font-weight:700;}
	.ensure dd a{color:#8b8b8b;display:block;font-size:12px;margin-top:5px;}

	.footer-bottom{background:#000;}
	.f-end{width:1190px;height:200px;margin:0 auto;}
	.f-end ul{display:inline-block;margin-top:10px;}
	.f-end ul.ul-1 li{float:left;}
	.f-end ul.ul-1 li a{color:#fff;font-size:12px;margin-right:8px;}
	.f-end ul.ul-2 li{float:left;}
	.f-end ul.ul-2 li a{color:#fff;font-size:12px;margin-right:3px;}
	.f-end ul.ul-3 li{float:left;}
	.f-end ul.ul-3 li a{color:#a4a4a4;font-size:11px;margin-right:3px;}
	.foot-t1{color:#a4a4a4;font-size:11px;margin-top:4px;}
	.foot-t2{color:#686868;font-size:12px;margin-top:4px;}	

   .left-nav{position:fixed;bottom:100px;left:3px;z-index:5;}
   .left-nav li{width:32px;height:29px;line-height:29px;background:#626262;font-size:12px;color:#fff;padding:2px;text-align:center;margin-bottom:1px;padding-top:3px;}
   .left-nav li a{color:#fff;}
   .left-nav-one{line-height:29px;}

	/*rgba(0,0,0,.6)*/
    .bar{width:35px;height:670px;background:yellow;position:fixed;top:0px;right:0px;display:none;}
	/*公共样式*/
	.fl{float:left;}
	.fr{float:right;}
	.clear{clear:both;}
	.com-width{width:1230px;margin:0 auto;}
	.com-post{position:relative;}
	a{text-decoration:none;}
	ul li{list-style-type: none;}
	img{vertical-align:middle;border:none;}
	</style>
	<script src="./Public/Js/jquery.js"></script>
	<script>
		$(function() {
			$('.holiday-ul li').hover(function(){
				$(this).css('opacity',0.6);
			},function(){
				$(this).css('opacity',1);
			});

			$('.img-op').hover(function(){
				$(this).css('opacity',0.6);
			},function(){
				$(this).css('opacity',1);
			});

			$('.vip li').hover(function(){
				$(this).css('opacity',0.6);
			},function(){
				$(this).css('opacity',1);
			});

			$('.nav-bg-left3').hover(function(){
				$(this).css('opacity',1);
			},function(){
				$(this).css('opacity',0.8);
			});

			$('.flagship-ul > li').hover(function(){
				$(this).css('borderColor','red');
			},function(){
				$(this).css('borderColor','#F5F5F5');
			});

			$('.f-box-bot-ul img').hover(function(){
				$(this).css('opacity',0.6);
			},function(){
				$(this).css('opacity',1);
			});

			$('.like-ul img').hover(function(){
				$(this).css({'opacity':0.6});
			},function(){
				$(this).css({'opacity':1});
			});

			$('.brand-list ul li').hover(function(){
				$(this).children('.in-brand').show();
			},function(){
				$(this).children('.in-brand').hide();
			});

			$('.left-nav li').hover(function(){
				$(this).css('background','#333');
			},function(){
				$(this).css('background','#626262');
			});

			$('.baby-title-ul li').hover(function(){
				$(this).css('textDecoration','underline');
			},function(){
				$(this).css('textDecoration','none');
			});

			$('.nav-bg-left1 ul li').hover(function(){
				$(this).children('.two-sub').show();
			},function(){
				$(this).children('.two-sub').hide();
			});

			$('.bady-ul li').hover(function(){
				$(this).children('.b-img').css({'opacity':'0.6'});
				$(this).children('.b-desc').slideDown();
			},function(){
				$(this).children('.b-img').css({'opacity':'1'});
				$(this).children('.b-desc').slideUp();
			});
		});
	</script>
</head>
<body>
	<a name="a-top"></a>
	<!--最上面广告区-->
	<div class="ad">
		<a href="#" class="ad-a">
			<img src="./App/View/Home/images/ad.jpg" alt=""/>
		</a>
	</div>

	<!--主体区-->
	<div class="warp">
		<!--左边导航区域-->
		<ul class="left-nav">
			<li class="left-nav-one" style="background:#DD2727;"><a href="#a-end">导航</a></li>
			<?php foreach ($cates as $v) : ?>
				<li><a href="#"><?php echo $v['cate_name'];?></a></li>
			<?php endforeach;?>
			<li class="left-nav-one">
				<i class="fa fa-sort-up" style="display:block;margin-"></i>
				<a href="#a-top" style="display:block;margin-top:-10px;">顶部</a>
			</li>	
		</ul>
		<!--页面头部区-->
		<div class="header">
			<!--页面头部大盒子-->
			<div class="header-box">
				<!--header头部区-->
				<div class="header-top">
					<ul class="login fl">
						<li><span>喵，欢迎来天猫</span></li>
						<li><a href="#">请登录</a></li>
						<li class="no-li"><a href="#">免费注册</a></li>
					</ul>

					<ul class="quick fr">
						<li>
							<div class="my-tmall">
								<a href="#">
									我的淘宝<i class="fa fa-angle-down"></i>
								</a>
								<div class="my-tmall-sub">
									<a href="#" class="buy">已买的宝贝</a>
									<a href="#" class="buy">已卖的宝贝</a>
								</div>
							</div>
							
						</li><!--<i class="fa fa-angle-up"></i>-->
						<li class="yellow"><a href="#"><i class="fa fa-heart"></i>我关注的品牌</a></li>
						<li class="cart"><a href="#"><i class="fa fa-shopping-cart"></i>购物车0件</a></li>
						<li>
							
							<div class="my-tmall">
								<a href="#">收藏夹</a>
								<div class="my-tmall-sub">
									<a href="#" class="buy">收藏的宝贝</a>
									<a href="#" class="buy">收藏的店铺</a>
								</div>
							</div>
						</li>
						<li>|</li>
						<li>
							<div class="phone-box">
								<a href="#">
									<i class="fa fa-mobile-phone"></i>手机版
								</a>
								<div class="phone">
								</div>
							</div>
						</li>
						<li class="taobao"><a href="#">淘宝网</a></li>
						<li>
							<div class="support-box">
								<a href="#">商家支持</a>
								<div class="support">
									<div class="shop">
										<h2>商家：</h2>
										<ul>
											<li><a href="#">商家中心</a></li>
											<li style="margin-right:0px;"><a href="#">商家入驻</a></li>		
											<li><a href="#">运营服务</a></li>
											<li style="margin-right:0px;"><a href="#">商家品控</a></li>
											<li><a href="#">商家工具</a></li>
											<li style="margin-right:0px;"><a href="#">商家规则</a></li>
											<li><a href="#">天猫智库</a></li>
											<li style="margin-right:0px;"><a href="#">喵言喵语</a></li> 
										</ul>
									</div>
									<div class="shop" style="height:50px;">
										<h2>帮助：</h2>
										<ul>
											<li><a href="#">帮助中心</a></li>
											<li style="margin-right:0px;"></li>
										</ul>
									</div>
								</div>
							</div>
						</li>
						<li>
							<div class="hot-box">
								<a href="#">
									<i class="fa fa-list"></i>网站导航<i class="fa fa-angle-down"></i>
								</a>
								<div class="hot">
									<img src="./App/View/Home/images/321.png" alt=""/>
								</div>
							</div>
							<div>
								
							</div>
						</li>
					</ul>
					<div class="clear"></div>
				</div>
				<!--header搜索区-->
				<div class="header-search">
					<div class="logo fl">
						<img src="./App/View/Home/images/logo.gif" alt=""/>
					</div>
					<div class="search fl">
						<div class="search-box">
							<input type="text" name="search_input" class="search-input"/>
							<button>搜索</button>
						</div>
						<ul class="condition">
							<li><a href="">连衣裙</a></li>
							<li><a href="" style="color:yellow;">t恤男</a></li>
							<li><a href="">手机</a></li>
							<li><a href="" style="color:yellow;">凉鞋</a></li>
							<li><a href="">防晒霜</a></li>
							<li><a href="" style="color:yellow;">血压仪</a></li>
							<li><a href="">内裤</a></li>
							<li><a href="" style="color:yellow;">蚊帐</a></li>
							<li><a href="">手表</a></li>
							<li style="border:none;"><a href="">洗发水</a></li>				
						</ul>
					</div>
					<div class="clear"></div>
				</div>
			</div>
		</div>
		<!--导航区-->
		<div class="nav">
			<div class="nav-top">
				<div class="nav-top-l fl">
					<ul>
						<li class="nav-top-ul-1">商品分类</li>
						<li class="nav-top-ul-2">狂欢会场</li>
					</ul>
				</div>
				<div class="nav-top-r fl">
					<ul>
						<li>
							<img src="./App/View/Home/images/nav1.png">
						</li>
						<li>
							<img src="./App/View/Home/images/nav2.png">
						</li>
						<li>天猫会员</li>
						<li>品牌街</li>
						<li>电器城</li>
						<li>喵鲜生</li>
						<li>医药馆</li>
						<li>营业厅</li>
						<li>魅力惠</li>
						<li>阿里旅行</li>
					</ul>
				</div>
				<div class="clear"></div>			
			</div>
			<div class="nav-bg">
				<div class="nav-bg-left1">
					<ul>
						<?php foreach ($cates as $v) : ?>
							<li>
								<i class="fa fa-female"></i><?php echo $v['cate_name'];?>
								<div class="two-sub">
								</div>
							</li>
						<?php endforeach;?>
					</ul>
				</div>
				<div class="nav-bg-left2"></div>
				<div class="nav-bg-left3">
					<div class="quick-lgoin-t">
						<img src="./App/View/Home/images/44.png" alt=""/>
					</div>
					<div class="quick-login-m1">
						<p>Hi~你好!</p>
						<p class="p2"><i class="fa fa-female"></i>请登录</p>
						<a href="#">免费注册 &gt</a>
					</div>
					<div class="quick-login-m2">
						<p><i class="fa fa-circle-o-notch"></i>退货保障</p>
						<p><i class="fa fa-exclamation-circle"></i>花呗分期</p>
						<p><i class="fa fa-gift"></i>极速退款</p>
						<a href="#">更多特权 &gt</a>
					</div>
					<div class="quick-login-m3">
						推荐活动
					</div>
					<div class="quick-login-m4">
						<img src="./App/View/Home/images/88.jpg" alt=""/>
					</div>
					<div class="quick-login-b">
						<p>车载小音箱</p>
						<p>6600积分</p>
					</div>
				</div>
			</div>
		</div>
		<!--页面头部区-->
		<div class="content">
			<!--亲子时光-->
			<?php foreach ($cates as $v1) : ?>
			<div class="baby">
				<div class="baby-title">
					<i class="shu"></i>
					<?php echo $v1['cate_name']; ?>
					<span><?php echo $v1['cate_desc']; ?></span>
				</div>
				<div class="baby-bg">
					<ul class="bady-ul">
						<?php foreach($goods as $v2) :?>
							<?php if($v2['cate_name'] == $v1['cate_name']) { ?>
								<li>
									<div class="b-img">
										<img src="./Public/Upload/<?php echo $v2['goods_img']; ?>">
									</div>
									<p class="b-desc"><?php echo $v2['goods_desc']; ?></p>
									<p class="goods"><?php echo $v2['goods_name']; ?></p>
									<p class="b-price">¥ <?php echo $v2['shop_price']; ?></p>
								</li>
							<?php }?>
						<?php endforeach; ?>
					</ul>
				</div>
			</div>
			

			<!--广告区-->
			<div class="ad-01">
				<a href="#"></a>
			</div>

			<?php endforeach; ?>

			<!--底部-->
			<div class="end"></div>

			<!--尾部区-->
			<div class="footer">
				<div class="footer-top">
					<div class="f-a-list1">
						<a href="#"></a>
						<a href="#"></a>
						<a href="#"></a>
						<a href="#"></a>
					</div>
					<div class="f-a-list2">
						<dl class="ensure">
						    <dt><span>购物指南</span></dt>
						    <dd>
						    	<a href="#">免费注册</a>
						    	<a href="#">开通支付宝</a>
						    	<a href="#">支付宝充值</a>
						    </dd>
						</dl>
						<dl class="ensure">
						    <dt><span>天猫保障</span></dt>
						    <dd>
						    	<a href="#">发票保障</a>
						    	<a href="#">售后规则</a>
						    	<a href="#">缺货赔付</a>
						    </dd>
						</dl>
						<dl class="ensure">
						    <dt><span>支付方式</span></dt>
						    <dd>
						    	<a href="#">快捷支付</a>
						    	<a href="#">信用卡</a>
						    	<a href="#">余额宝</a>
						    	<a href="#">蚂蚁花呗</a>
						    	<a href="#">货到付款</a>
						    </dd>
						</dl>
						<dl class="ensure">
						    <dt><span>商家服务</span></dt>
						    <dd>
						    	<a href="#">商家入驻</a>
						    	<a href="#">商家中心</a>
						    	<a href="#">天猫智库</a>
						    	<a href="#">天猫规则</a>
						    	<a href="#">物流服务</a>
						    	<a href="#">喵言喵语</a>
						    	<a href="#">运营服务</a>
						    </dd>
						</dl>
						<dl class="ensure" style="padding-right:0px;">
						    <dt><span>手机天猫</span></dt>
						    <dd>
						    	<img src="./App/View/Home/images/qr.png" alt=""/>
						    </dd>
						</dl>
						<div class="clear"></div>
					</div>
				</div>
			</div>
			<div class="footer-bottom">
				<div class="f-end">
					<ul class="ul-1">
						<li><a href="#">关于天猫</a></li>
						<li><a href="#">帮助中心</a></li>
						<li><a href="#">开放平台</a></li>
						<li><a href="#">诚聘英才</a></li>
						<li><a href="#">联系我们</a></li>
						<li><a href="#">网站合作</a></li>
						<li><a href="#">法律声明</a></li>
						<li><a href="#">知识产权</a></li>
						<li><a href="#">廉正举报</a></li>
						<li><a href="#">规则意见征集</a></li>
					</ul>
					<ul class="ul-2">
						<li><a href="#">阿里巴巴集团 |</a></li>
						<li><a href="#">淘宝网 |</a></li>
						<li><a href="#">天猫 |</a></li>
						<li><a href="#">聚划算 |</a></li>
						<li><a href="#">全球速卖通 |</a></li>
						<li><a href="#">阿里巴巴国际交易市场|</a></li>
						<li><a href="#">1688 |</a></li>
						<li><a href="#">阿里妈妈 |</a></li>
						<li><a href="#">阿里旅行·去啊 |</a></li>
						<li><a href="#">阿里云计算 |</a></li>
						<li><a href="#">YunOS |</a></li>
						<li><a href="#">阿里通信 |</a></li>
						<li><a href="#">万网 |</a></li>
						<li><a href="#">高德 |</a></li>
						<li><a href="#">优视 |</a></li>
						<li><a href="#">友盟 |</a></li>
						<li><a href="#">虾米 |</a></li>
						<li><a href="#">优视 |</a></li>
						<li><a href="#">天天动听 |</a></li>
						<li><a href="#">来往 |</a></li>
						<li><a href="#">钉钉</a></li>
					</ul>
					<ul class="ul-3">
						<li><a href="#">增值电信业务经营许可证： 浙B2-20110446</a></li>
						<li><a href="#">网络文化经营许可证：浙网文[2015]0295-065号</a></li>
						<li><a href="#">互联网医疗保健信息服务 审核同意书 浙卫网审【2014】6号</a></li>
					</ul>
					<p class="foot-t1">
						互联网药品信息服务资质证书编号：浙-（经营性）-2012-0005
					</p>
					<p class="foot-t2">
						© 2003-2016 TMALL.COM 版权所有
					</p>
					<ul class="ul-3">
						<li>
							<a href="#"><img src="./App/View/Home/images/00.jpg" alt=""></a>
						</li>
						<li>
							<a href="#"><img src="./App/View/Home/images/01.jpg" alt=""></a>
						</li>
					</ul>       
				</div>
			</div>
		</div>		
	</div>

	<!--右边导航-->
	<div class="bar">
	</div>
</body>
</html>